<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <title>画册详情</title>
    <link rel="stylesheet" href="css/frozen.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/zepto.min.js"></script>
    <script src="js/frozen.js"></script>
</head>
<body ontouchstart="">
<header class="ui-header ui-header-positive ui-border-b">
    <i class="ui-icon-return"></i><h1>画册详情</h1>
    <span class="ui-header-right"><a href="huace_search.html"><i class="ui-icons-search"></i></a><i class="ui-icons-add" id="m_add"></i></span>
</header>
<!-- 下拉 -->
<div class="w_cebiaoti">
    <div class="w_bga">
        <ul>
            <li><a href="huace_fabu.html"><img src="img/m_fabu.png"><i>发布画册</i></a></li>
            <li><a href="wode_huace.html"><img src="img/m_huace.png"><i>我的画册</i></a></li>
            <li><a href="meilixiaohuoban.html"><img src="img/m_meili.png"><i>魅力小伙伴</i></a></li>
            <li class="w_none"><b><img src="img/m_top.png"></b></li>
        </ul>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    //下拉
    $("#m_add").click(function(){
        $(".w_cebiaoti").slideToggle();
    });
</script>
<section class="ui-container">
    <div class="demo-block">
        <div class="ui-slider">
            <ul class="ui-slider-content" style="width: 300%">
                <li><span style="background-image:url(img/bt.jpg)"></span></li>
                <li><span style="background-image:url(img/bt.jpg)"></span></li>
                <li><span style="background-image:url(img/bt.jpg)"></span></li>
            </ul>
        </div>
    </div>
    <script class="demo-script">
        (function (){
            var slider = new fz.Scroll('.ui-slider', {
                role: 'slider',
                indicator: true,
                autoplay: true,
                interval: 3000
            });

            slider.on('beforeScrollStart', function(fromIndex, toIndex) {
                console.log(fromIndex,toIndex)
            });

            slider.on('scrollEnd', function(cruPage) {
                console.log(cruPage)
            });
        })();
    </script>
    <div class="ui-list-tips-white ui-border-b">
        青海湖景点
        <div class="ui-list-tips-right">
            <i class="icons-location"></i>20KM
        </div>
    </div>
    <ul class="order-list">
        <a href="huace_huiyuanhuace.html">
            <li>
                <div class="order-list-pic">
                    <img src="img/order_list_pic.jpg" alt="">
                </div>
                <div class="order-list-intro">
                    <div class="order-list-intro-text">
                        <p>绿茶致青春代金券</p>
                        <p class="color666 fz14"><i class="icons-user"></i>Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span></p>
                        <p class="color666 fz14"><i class="icons-time"></i>发布时间 : 2015-06-08</p>
                    </div>
                    <div class="order-list-album-list">
                        <i class="icons-img"></i>8
                    </div>
                </div>
            </li>
        </a>
        <a href="huace_huiyuanhuace.html">
            <li>
                <div class="order-list-pic">
                    <img src="img/order_list_pic.jpg" alt="">
                </div>
                <div class="order-list-intro">
                    <div class="order-list-intro-text">
                        <p>绿茶致青春代金券</p>
                        <p class="color666 fz14"><i class="icons-user"></i>Melanie-ghost<span class="sex sex-male"><i class="icons-sex-male"></i>22</span></p>
                        <p class="color666 fz14"><i class="icons-time"></i>发布时间 : 2015-06-08</p>
                    </div>
                    <div class="order-list-album-list">
                        <i class="icons-img"></i>8
                    </div>
                </div>
            </li>
        </a>
        <a href="huace_huiyuanhuace.html">
            <li>
                <div class="order-list-pic">
                    <img src="img/order_list_pic.jpg" alt="">
                </div>
                <div class="order-list-intro">
                    <div class="order-list-intro-text">
                        <p>绿茶致青春代金券</p>
                        <p class="color666 fz14"><i class="icons-user"></i>Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span></p>
                        <p class="color666 fz14"><i class="icons-time"></i>发布时间 : 2015-06-08</p>
                    </div>
                    <div class="order-list-album-list">
                        <i class="icons-img"></i>8
                    </div>
                </div>
            </li>
        </a>
        <a href="huace_huiyuanhuace.html">
            <li>
                <div class="order-list-pic">
                    <img src="img/order_list_pic.jpg" alt="">
                </div>
                <div class="order-list-intro">
                    <div class="order-list-intro-text">
                        <p>绿茶致青春代金券</p>
                        <p class="color666 fz14"><i class="icons-user"></i>Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span></p>
                        <p class="color666 fz14"><i class="icons-time"></i>发布时间 : 2015-06-08</p>
                    </div>
                    <div class="order-list-album-list">
                        <i class="icons-img"></i>8
                    </div>
                </div>
            </li>
        </a>
        <a href="huace_huiyuanhuace.html">
            <li>
                <div class="order-list-pic">
                    <img src="img/order_list_pic.jpg" alt="">
                </div>
                <div class="order-list-intro">
                    <div class="order-list-intro-text">
                        <p>绿茶致青春代金券</p>
                        <p class="color666 fz14"><i class="icons-user"></i>Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span></p>
                        <p class="color666 fz14"><i class="icons-time"></i>发布时间 : 2015-06-08</p>
                    </div>
                    <div class="order-list-album-list">
                        <i class="icons-img"></i>8
                    </div>
                </div>
            </li>
        </a>
        <a href="huace_huiyuanhuace.html">
            <li>
                <div class="order-list-pic">
                    <img src="img/order_list_pic.jpg" alt="">
                </div>
                <div class="order-list-intro">
                    <div class="order-list-intro-text">
                        <p>绿茶致青春代金券</p>
                        <p class="color666 fz14"><i class="icons-user"></i>Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span></p>
                        <p class="color666 fz14"><i class="icons-time"></i>发布时间 : 2015-06-08</p>
                    </div>
                    <div class="order-list-album-list">
                        <i class="icons-img"></i>8
                    </div>
                </div>
            </li>
        </a>
        <a href="huace_huiyuanhuace.html">
            <li>
                <div class="order-list-pic">
                    <img src="img/order_list_pic.jpg" alt="">
                </div>
                <div class="order-list-intro">
                    <div class="order-list-intro-text">
                        <p>绿茶致青春代金券</p>
                        <p class="color666 fz14"><i class="icons-user"></i>Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span></p>
                        <p class="color666 fz14"><i class="icons-time"></i>发布时间 : 2015-06-08</p>
                    </div>
                    <div class="order-list-album-list">
                        <i class="icons-img"></i>8
                    </div>
                </div>
            </li>
        </a>
        <a href="huace_huiyuanhuace.html">
            <li>
                <div class="order-list-pic">
                    <img src="img/order_list_pic.jpg" alt="">
                </div>
                <div class="order-list-intro">
                    <div class="order-list-intro-text">
                        <p>绿茶致青春代金券</p>
                        <p class="color666 fz14"><i class="icons-user"></i>Melanie-ghost<span class="sex sex-female"><i class="icons-sex-female"></i>22</span></p>
                        <p class="color666 fz14"><i class="icons-time"></i>发布时间 : 2015-06-08</p>
                    </div>
                    <div class="order-list-album-list">
                        <i class="icons-img"></i>8
                    </div>
                </div>
            </li>
        </a>
    </ul>
</section>
</body>
</html>
